<template>
    <div>
        <!-- 轮播图 -->
      <swiper :lunbotuList="lunbotuList" :isfull="true"></swiper>
            <!-- <mt-swipe :auto="4000"> -->
            <!-- ajax请求失败，只能用静态方法 -->
          <!-- <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
              <img :src="item.img" alt="">
          </mt-swipe-item> -->
        
        <!-- </mt-swipe> -->
        <!-- 六宫格 -->
		<ul class="mui-table-view mui-grid-view mui-grid-9">
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
               <router-link to="/home/newslist">
		          <img src="../../images/menu1.png" alt="">
		            <div class="mui-media-body">新闻咨询</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/PhotoList">
		            <img src="../../images/menu2.png" alt="">
		            <div class="mui-media-body">图片分享</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodsList">
		           <img src="../../images/menu3.png" alt="">
		            <div class="mui-media-body">商品购买</div></router-link></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		          <img src="../../images/menu4.png" alt="">
		            <div class="mui-media-body">留言反馈</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		            <img src="../../images/menu5.png" alt="">
		            <div class="mui-media-body">视频专区</div></a></li>
		    <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
		            <img src="../../images/menu6.png" alt="">
		            <div class="mui-media-body">联系我们</div></a></li>
		</ul> 
    </div>
</template>

<script>
import { Toast } from 'mint-ui'
import swiper from '../subcomponents/swiper.vue'
export default {
    data(){
        return {
            lunbotuList:[
                {id:1,url:'/src/images/1.jpg'},
                {id:2,url:'/src/images/2.jpg'},
                {id:3,url:'/src/images/3.jpg'}
            ]
        }
    },
    components:{
        swiper
    },

    created() {
        // this.getLunbotu();
    },
    methods:{
    //    getLunbotu(){    ajax失败，用静态数据
    //         this.$http.get('api/getnewslist').then(result =>{
    //             if(result.body.status === 0){
    //                 this.lunbotuList = result.body.message;
    //                 Toast('获取成功')
    //             }else {
    //                 Toast('获取失败')
    //             }
    //         })
    //    }
    },
}

</script>
<style lang="scss" scoped>

 .mui-grid-view.mui-grid-9 {
     border: 0;
     background: white;
     img{
         width: 60px;
         height: 60px;
     }
    
 }
 .mui-grid-view.mui-grid-9 .mui-table-view-cell{
     border: none;
    
 }
</style>
